<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 区别一：
            // title: 鼠标移入到图片显示的值
            // alt：为图片提供替代文本，图片无法正常加载时显示的值
        // 区别二：
            // 在seo里面 搜索引擎爬取不到图片的内容，为了怎加搜索效果会增加alt属性，有助于搜索引擎理解图片内容
            // alt 文字还会被屏幕阅读器读取，因此对于视觉障碍用户，alt 文本非常重要

        // 区别三：
            // alt: 属性是必须的，尤其是在图片具有重要意义或内容时。它是 HTML 中的一个必需的无障碍性要求。
            // title: 属性是可选的，通常用于提供额外的说明或提示信息。
    </script>
</body>
</html>